<template>
  <div class="max-w-xs space-y-4">
    <BaseMessage>A successful message.</BaseMessage>

    <BaseMessage type="info">An information message.</BaseMessage>

    <BaseMessage type="warning">A warning message.</BaseMessage>

    <BaseMessage type="danger">A destructive message.</BaseMessage>
  </div>
</template>
